<template>
  <div id="app">
    <!-- 头部 -->
    <Header/>
    <!-- 内容 路由组件出口-->
    <router-view/>
    <!-- 底部  home、search 显示,在登录、注册隐藏-->
    <Footer v-show="$route.meta.show"/>
  </div>
</template>

<script>
import Footer from '@/components/Footer/Footer.vue'
import Header from '@/components/Header/Header.vue'
export default {
  name: 'App',
  components: {
    Header,
    Footer
  },
  created(){
    //出于性能考虑,这样在切换的时候,只调用一次接口(商品导航接口)
     this.$store.dispatch("requestCategoryList");
  }
}
</script>

<style>

</style>
